<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta charset="utf-8">
    <script src="http://localhost:35729/livereload.js"></script>

<script id="fragment-shader" type="x-shader/x-fragmen">
    precision mediump float;
    varying vec4 vColor;


    
    void main(void)
    {
    //    gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );
        gl_FragColor = vColor;
    }
</script>

<script id="vertex-shader" type="x-shader/x-vertex">
    attribute vec3 aVertexPosition;
    attribute vec4 aVertexColor;
    
    uniform mat4 uMVMatrix;
    uniform mat4 uPMatrix;
    
    varying vec4 vColor;
    
    void main()
    {
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        vColor = aVertexColor;
    }
</script>


    <script type="text/javascript" src="../../Common/webgl-utils.js"></script>
    <script type="text/javascript" src="../../Common/initShaders.js"></script>
    <script type="text/javascript" src="../../Common/MV.js"></script>
    <script type="text/javascript" src="../../Common/glMatrix-0.9.5.min.js"></script>
    <script type="text/javascript" src="colorstudy.js"></script>
</head>

<body>
    <canvas id="gl-canvas" width="512" height="512">
        Oops ... your browser doesn't support the HTML5 canvas element
    </canvas>
</body>

</html>